<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<link rel="stylesheet" type="text/css" href="css/common/common.css"/>
	<link rel="stylesheet" type="text/css" href="css/shopList.css"/>
	<body>
		<div id="web">
			<header class="clearfix">
				<div class="logo fl">
					<div>
						<img src="img/logo.png" />
					</div>
				</div>
				<ul class="navbar fl clearfix">
					<li><a href="index.html">首页</a></li>
					<li>
						<a href="">骑行</a>
						<div class="header-info clearfix">
							<div class="fl clearfix">
								<h4>普通版</h4>
								<ul class="text fl">
									<li><a href=""">短袖</a></li>
									<li><a href="">短裤</a></li>
									<li><a href="">长袖</a></li>
									<li><a href="">长裤</a> </li>
									<li><a href="">背带短裤</a></li>
									<li><a href="">背带长裤</a> </li>
								</ul>
								<ul class="fl">
									<li><a href="">短袖连体服</a> </li>
									<li><a href="">长袖连体服</a> </li>
									<li><a href="">儿童版短袖</a></li>
									<li><a href="">儿童版长袖</a></li>
								</ul>
							</div>
							<div class="fl clearfix">
								<h4>竞技版</h4>
								<ul class="fl">
									<li><a href="">短袖</a></li>
									<li><a href="">短裤</a></li>
									<li><a href="">长袖</a></li>
									<li><a href="">长裤</a> </li>
									<li><a href="">背带短裤</a></li>
									<li><a href="">背带长裤</a> </li>
								</ul>
								<ul class="fl">
									<li><a href="">短袖连体服</a> </li>
									<li><a href="">长袖连体服</a> </li>
								</ul>
							</div>
						</div>
					</li>
					<li><a href="">铁三</a></li>
					<li><a href="">跑步</a></li>
					<li><a href="">设计师入驻</a></li>
					<li>
						<a href="shopList.html">品牌专区</a>
					</li>
				</ul>
				<ul class="nav-img fl clearfix">
					<li>
						<div class="search">
							<input type="search"  placeholder="上衣"/>
							<input type="image" onclick="window.location.href='search.html'" src="img/search.gif" />
						</div>
					</li>
					<li>
						<div class="shop_car" onclick="window.location.href='BE-Project/flow1.html'">
							<img src="img/shopping_car.png"/>
						</div>
					</li>
					<li class="per">
						<div class="person">
							<img src="img/person.png"/>
						</div>
						<div class="lo">
							<p><a href="login.html">登录</a></p>
							<p><a href="reg.html">注册</a></p>
							<p><a href="openShop.html">我要开店</a></p>
						</div>
					</li>
					<li>
						<div class="QQ clearfix">
							<img class="fl" src="img/shopList/QQ2.jpg"/>
							<a href="" class="fr">在线客服</a>
						</div>
					</li>
					<li>
						<div class="language">
							<img src="img/language.png" />
						</div>
					</li>
				</ul>
			</header>
			<section>
				<aside>
					<p class="nav">
						<span><a href="">首页</a></span>
						>
						<span><a href="">品牌专区</a></span>
					</p>
					<div class="brand">
						<div class="text">
							<p><strong>DREAM <br /> ON THE ROAD</strong></p>
							<p>/</p>
							<p>DREAM ON THE ROAD,A SERIES <br />OF NEW CUSTOM LIGHTWEIGHT </p>
							<input type="image" onclick="window.location.href='custom-made.html'" src="img/btn.png"/>
						</div>
						<div id="carous" class="clearfix">
							<img  src="img/shopList/brand.jpg" alt="" />
							<img  src="img/shopList/brand.jpg" alt="" />
							<img  src="img/shopList/brand.jpg" alt="" />
						</div>
						<ul id="opUl" class="clearfix">
							<li class="active"></li>
							<li></li>
							<li></li>
						</ul>
					</div>
				</aside>
				<article>
					<div class="article-title clearfix">
						<div class="article-navbar fl">
							<span><a href="" class="active">当前活跃</a></span>
							<span><a href="">最新发布</a></span>
						</div>
						<div class="search fr">
							<input type="text" placeholder="搜索店铺名称"  />
							<input type="image" src="img/shopList/search.png" />
						</div>
					</div>
					<div class="shop">
						<div class="article-shop">
							<ul class="pro-shop clearfix">
							<li>
								<div class="ad-img">
									<img src="img/shopList/ad1.jpg" alt="" />
								</div>
								<div class="ad-text">
									<p>SUPER12</p>
									<p>"向着阳光的方向"</p>
									<input type="button" value="关注" onclick="window.location.href='shopIndex.html'"/>
								</div>
							</li>
							<li>
								<div>
									<img src="img/shopList/shop1.jpg" alt="" />
								</div>
								<div>
									<strong>男士骑行上衣</strong>
									<span>¥299</span>
									<input type="image" src="img/btn.png"/>
								</div>
								
							</li>
							<li>
								<div>
									<img src="img/shopList/shop2.jpg" alt="" />
								</div>
								<div>
									<strong>女士骑行服长袖</strong>
									<span>¥299</span>
									<input type="image" src="img/btn.png"/>
								</div>
							</li>
							<li>
								<div>
									<img src="img/shopList/shop1.jpg" alt="" />
								</div>
								<div>
									<strong>男士骑行连体服</strong>
									<span>¥299</span>
									<input type="image" src="img/btn.png"/>
								</div>
							</li>
							<li>
								<div>
									<img src="img/shopList/shop2.jpg" alt="" />
								</div>
								<div>
									<strong>女士骑行上衣</strong>
									<span>¥299</span>
									<input type="image" src="img/btn.png"/>
								</div>
							</li>
						</ul>
						</div>
						<div class="article-shop">
						<ul class="pro-shop clearfix">
						<li>
							<div class="ad-img">
								<img src="img/shopList/ad2.jpg" alt="" />
							</div>
							<div class="ad-text">
								<p>DREAM骑手</p>
								<p>第四届骑手杯赞助商<br />第六届世锦杯攒助商</p>
								<input type="button" value="关注"/>
							</div>
						</li>
						<li>
							<div>
								<img src="img/shopList/shop1.jpg" alt="" />
							</div>
							<div>
								<strong>男士骑行上衣</strong>
								<span>¥299</span>
								<input type="image" src="img/btn.png"/>
							</div>
							
						</li>
						<li>
							<div>
								<img src="img/shopList/shop2.jpg" alt="" />
							</div>
							<div>
								<strong>女士骑行服长袖</strong>
								<span>¥299</span>
								<input type="image" src="img/btn.png"/>
							</div>
						</li>
						<li>
							<div>
								<img src="img/shopList/shop1.jpg" alt="" />
							</div>
							<div>
								<strong>男士骑行连体服</strong>
								<span>¥299</span>
								<input type="image" src="img/btn.png"/>
							</div>
						</li>
						<li>
							<div>
								<img src="img/shopList/shop2.jpg" alt="" />
							</div>
							<div>
								<strong>女士骑行上衣</strong>
								<span>¥299</span>
								<input type="image" src="img/btn.png"/>
							</div>
						</li>
					</ul>
					</div>
					<div class="article-shop">
						<ul class="pro-shop clearfix">
						<li>
							<div class="ad-img">
								<img src="img/shopList/ad3.jpg" alt="" />
							</div>
							<div class="ad-text">
								<p>RAPHA</p>
								<p>"向着阳光的方向"</p>
								<input type="button" value="关注"/>
							</div>
						</li>
						<li>
							<div>
								<img src="img/shopList/shop1.jpg" alt="" />
							</div>
							<div>
								<strong>男士骑行上衣</strong>
								<span>¥299</span>
								<input type="image" src="img/btn.png"/>
							</div>
							
						</li>
						<li>
							<div>
								<img src="img/shopList/shop2.jpg" alt="" />
							</div>
							<div>
								<strong>女士骑行服长袖</strong>
								<span>¥299</span>
								<input type="image" src="img/btn.png"/>
							</div>
						</li>
						<li>
							<div>
								<img src="img/shopList/shop1.jpg" alt="" />
							</div>
							<div>
								<strong>男士骑行连体服</strong>
								<span>¥299</span>
								<input type="image" src="img/btn.png"/>
							</div>
						</li>
						<li>
							<div>
								<img src="img/shopList/shop2.jpg" alt="" />
							</div>
							<div>
								<strong>女士骑行上衣</strong>
								<span>¥299</span>
								<input type="image" src="img/btn.png"/>
							</div>
						</li>
					</ul>
					</div>
					</div>
					<div class="page clearfix">
						<ul class="link fr clearfix">
							<li><button><</button></li>
							<li class="active"><button>1</button></li>
							<li><button>2</button></li>
							<li><button>3</button></li>
							<li><button>...</button></li>
							<li><button>></button></li>
							<li>
								<button>跳至</button>
							</li>
							<li class="clearfix">
								<input class="fl" type="text" />
								<span class="fr">页</span>
							</li>
							<li><button>跳转</button></li>
						</ul>
					</div>
				</article>
				
			</section>
			<footer>
				<div class="list clearfix">	
					<div class="foot-logo fl">
						<img src="img/foot-logo.png"/>
					</div>
					<div class="foot-list fl clearfix">
						<div>
							<ul>
								<li><a href="">新手指南</a></li>
								<li><a href="">用户注册</a></li>
								<li><a href="">定制流程</a></li>
							</ul>
						</div>
						<div>
							<ul>
								<li><a href="">付款方式</a></li>
								<li><a href="">支付方式</a></li>
								<li><a href="">支付问题</a></li>
								<li><a href="">常见问题</a></li>
							</ul>
						</div>
						<div>
							<ul>
								<li><a href="">售后服务</a></li>
								<li><a href="">退款换货</a></li>
								<li><a href="">配送方式</a></li>
								<li><a href="">联系我们</a></li>
							</ul>
						</div>
						<div>
							<ul>
								<li><a href="">政策条款</a></li>
								<li><a href="">服务协议</a></li>
								<li><a href="">隐私条款</a></li>
								<li><a href="">版权条款</a></li>
							</ul>
						</div>
					</div>
				</div>
				<p>© 2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1</p>
			</footer>
		</div>
		<script src="js/getStyle.js"></script>
		<script src="js/shopList.js"></script>
	</body> 
</html>
